﻿<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>VCF Theme | Refactoring</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Google fonts -->
    <link href='http://fonts.googleapis.com/css?family=Exo+2:400,300,500,600,400italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="ui-grid/ui-grid-unstable.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/base-modules.css">
    <link rel="stylesheet" href="css/project-modules.css">
    <link rel="stylesheet" href="css/cosmetic.css">
    <link rel="stylesheet" href="css/modules/order.css">
    <link rel="stylesheet" href="css/modules/dynamic-expression.css">
    <link rel="stylesheet" href="chosen/chosen.css">
    <link rel="stylesheet" href="css/lang-rtl.css">

    <!-- Gridster CSS -->
    <link rel="stylesheet" href="css/angular-gridster.css">

</head>
<body ng-app="app">

    <div id="layout">
        <nav class="nav-bar">
            <ul class="menu bar">
                <li class="menu-item __logo">
                    <span class="logo-img">Virto Commerce</span>
                    <span class="logo-version">1.0.0</span>
                </li>
                <li class="menu-item __home">
                    <a class="menu-link" href="#">
                        <span class="menu-ico fa fa-home"></span>
                        Home
                    </a>
                </li>
                <li class="menu-item __notify">
                    <a class="menu-link" href="#">
                        <span class="menu-ico fa fa-bell-o"></span>
                        <span class="menu-count">5</span>
                        Notifications
                    </a>
                </li>
                <li class="menu-item">
                    <a class="menu-link" href="#">
                        <span class="menu-ico fa fa-search"></span>
                        Browse
                    </a>
                </li>
                <li class="menu-item">
                    <a class="menu-link" href="#">
                        <span class="menu-ico fa fa-signal"></span>
                        Activity
                    </a>
                </li>
            </ul>
            <div class="dropdown">
                <a class="dropdown-close">×</a>
                <div class="dropdown-head">
                    <ul class="menu __inline">
                        <li class="menu-item">
                            <a class="menu-link">
                                <i class="menu-ico fa fa-times-circle"></i>
                                <span class="menu-name">Clear all recent</span>
                            </a>
                        </li>
                        <li class="menu-item">
                            <a class="menu-link">
                                <i class="menu-ico fa fa-clock-o"></i>
                                <span class="menu-name">Everything</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="dropdown-content">
                    <ul class="list">
                        <li class="list-item">
                            <a class="list-link" href="#">
                                <i class="list-ico fa fa-folder"></i>
                                Catalog
                            </a>
                        </li>
                        <li class="list-item">
                            <a class="list-link" href="#">
                                <i class="list-ico fa fa-shopping-cart"></i>
                                Shopping carts
                            </a>
                        </li>
                        <li class="list-item">
                            <a class="list-link" href="#">
                                <i class="list-ico fa fa-cube"></i>
                                Module
                            </a>
                        </li>
                        <li class="list-item">
                            <a class="list-link" href="#">
                                <i class="list-ico fa fa-cogs"></i>
                                Settings
                            </a>
                        </li>
                        <li class="list-item">
                            <a class="list-link" href="#">
                                <i class="list-ico fa fa-cubes"></i>
                                Modules
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <article class="cnt" role="main">
            <div class="cnt-inner">
                <div class="dashboard">
                    <header class="dashboard-head">
                        <h1 class="dashboard-title">Virto Commerce</h1>
                        <div class="dashboard-account">
                            <div class="user-name">
                                <div class="first-name">Mikhail</div>
                                <div class="last-name">Chirskiy</div>
                            </div>
                            <a href="#" class="sign-out">
                                <i class="sign-ico fa fa-sign-out"></i>
                                Sign out
                            </a>
                        </div>
                    </header>
                    <div class="dashboard-area">
                        <div class="dashboard-inner">
                            <script type="text/ng-template" id="tmp1.html">
                                <div class="gridster-cnt">
                                    <div class="cnt-inner">
                                        <div class="list-count">{{item.data.count}}</div>
                                        <div class="list-t">{{item.data.name}}</div>
                                    </div>
                                </div>
                            </script>
                            <script type="text/ng-template" id="tmp2.html">
                                <div class="gridster-cnt">
                                    <div class="cnt-inner">
                                        <i class="list-ico fa {{item.data.ico}}"></i>
                                        <div class="list-t">{{item.data.name}}</div>
                                    </div>
                                </div>
                            </script>
                            <script type="text/ng-template" id="graph.html">
                                <div google-chart chart="item.data.chartObject" style="height:100%"></div>
                            </script>
                            <div gridster="gridsterOpts">
                                <ul class="list">
                                    <li class="list-item" gridster-item="item" ng-repeat="item in standardItems" ng-include="item.template"></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status">
                            <div class="progress-bar"></div>
                        </div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-comments"></i>
                            <p class="blade-t_head">Notifications</p>
                            <p class="blade-t_subhead">Notifications history log</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="table-wrapper">
                                        <table class="table sortable">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">Type</th>
                                                    <th class="table-col">Title</th>
                                                    <th class="table-col">Date</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item __error">
                                                    <td class="table-col">
                                                        <i class="table-ico fa fa-warning"></i>
                                                    </td>
                                                    <td class="table-col">
                                                        <span class="table-t">New product was added</span>
                                                        <span class="table-descr">Username successfully added new product «product name» in category «Category name»</span>
                                                    </td>
                                                    <td class="table-col __date">
                                                        <span class="table-date">2 m ago</span>
                                                    </td>
                                                </tr>
                                                <tr class="table-item __warning">
                                                    <td class="table-col">
                                                        <i class="table-ico fa fa-warning"></i>
                                                    </td>
                                                    <td class="table-col">
                                                        <span class="table-t">New product was added</span>
                                                        <span class="table-descr">Username successfully added new product «product name» in category «Category name»</span>
                                                    </td>
                                                    <td class="table-col __date">
                                                        <span class="table-date">2 m ago</span>
                                                    </td>
                                                </tr>
                                                <tr class="table-item __info">
                                                    <td class="table-col">
                                                        <i class="table-ico fa fa-comments"></i>
                                                    </td>
                                                    <td class="table-col">
                                                        <span class="table-t">New product was added</span>
                                                        <span class="table-descr">Username successfully added new product «product name» in category «Category name»</span>
                                                    </td>
                                                    <td class="table-col __date">
                                                        <span class="table-date">2 m ago</span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pagination">
                                        <ul class="menu __inline">
                                            <li class="menu-item">
                                                <a class="menu-link">&larr;</a>
                                            </li>
                                            <li class="menu-item __selected">
                                                <a href="#" class="menu-link">1</a>
                                            </li>
                                            <li class="menu-item">
                                                <a href="#" class="menu-link">2</a>
                                            </li>
                                            <li class="menu-item">
                                                <a href="#" class="menu-link">3</a>
                                            </li>
                                            <li class="menu-item">
                                                <a href="#" class="menu-link">4</a>
                                            </li>
                                            <li class="menu-item">
                                                <a class="menu-link">&rarr;</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">Categories &amp; Items</p>
                            <p class="blade-t_subhead">Manage catalogs</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <ul class="list __items">
                                        <li class="list-item">
                                            <i class="list-ico fa fa-cloud"></i>
                                            <span class="list-name">Virtual</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-folder"></i>
                                            <span class="list-name">Sony</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-folder"></i>
                                            <span class="list-name">Samsung</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-folder"></i>
                                            <span class="list-name">Apple</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder-open"></i>
                            <p class="blade-t_head">Categories &amp; Items</p>
                            <p class="blade-t_subhead">Browsing "Samsung"</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-search"></i>
                                        Advanced search
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static __expanded">
                            <div class="breadcrumbs">
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Catalogs</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Samsung</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="form-group">
                                <div class="form-input __search">
                                    <input placeholder="Search keyword..." type="text">
                                </div>
                                <p class="form-count">Count: <span class="count">16</span></p>
                            </div>
                        </div>
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="table-wrapper">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </th>
                                                    <th class="table-col">Pic</th>
                                                    <th class="table-col">Name</th>
                                                    <th class="table-col">Code</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Accesoires
                                                    </td>
                                                    <td class="table-col">
                                                        accesoires
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Audio &amp; MP3
                                                    </td>
                                                    <td class="table-col">
                                                        audio-mp3
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Cameras
                                                    </td>
                                                    <td class="table-col">
                                                        cameras
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Computers &amp; Tablets
                                                    </td>
                                                    <td class="table-col">
                                                        computers-tablets
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        TV &amp; Video
                                                    </td>
                                                    <td class="table-col">
                                                        tv-video
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder-open"></i>
                            <p class="blade-t_head">Categories &amp; Items</p>
                            <p class="blade-t_subhead">Browsing "Computers &amp; Tablets"</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-search"></i>
                                        Advanced search
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static __expanded">
                            <div class="breadcrumbs">
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Catalogs</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Samsung</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Computers &amp; Tablets</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="form-group">
                                <div class="form-input __search">
                                    <input placeholder="Search keyword..." type="text">
                                </div>
                                <p class="form-count">Count: <span class="count">5</span></p>
                            </div>
                        </div>
                        <div class="blade-static __bottom">
                            <div class="pagination">
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a class="menu-link">←</a>
                                    </li>
                                    <li class="menu-item __selected">
                                        <a class="menu-link" href="#">1</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">2</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">3</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">4</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link">→</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="table-wrapper">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </th>
                                                    <th class="table-col">Pic</th>
                                                    <th class="table-col">Name</th>
                                                    <th class="table-col">Code</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b006o13o1q/rsc1cs55h0gj9mwrkfeezg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Tab 8.9" 16gb Wifi+4g AT&amp;T I957
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b006o13o1q
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005zg2sxq/itsampcvckwq3stkqmjjwg.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b005zg2sxq
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">New category item</p>
                            <p class="blade-t_subhead">Choose new item type</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <ul class="list __items __new">
                                        <li class="list-item">
                                            <i class="list-ico fa fa-folder"></i>
                                            <span class="list-t">Category</span>
                                            <span class="list-descr">A container for other Categories and Products or Variations.</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-shopping-cart"></i>
                                            <span class="list-t">Product</span>
                                            <span class="list-descr">The main Variation. Can be used for targeted promotions.</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-barcode"></i>
                                            <span class="list-t">Variation</span>
                                            <span class="list-descr">Represents orderable item of merchandise for sale. Contains details, such as names, description, images, prices and inventory information.</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">New category</p>
                            <p class="blade-t_subhead">Fill category information</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static __bottom">
                            <button class="btn __disabled">
                                <span>Create</span>
                            </button>
                        </div>
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form action="" class="form">
                                        <div class="form-group">
                                            <label class="form-label">Name:</label>
                                            <div class="form-input">
                                                <input placeholder="Enter category name" type="text">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Code:</label>
                                            <div class="form-input">
                                                <input placeholder="Enter category code" type="text">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-search"></i>
                            <p class="blade-t_head">Advanced search</p>
                            <p class="blade-t_subhead">Searching within...</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static">
                            <div class="form-group">
                                <div class="form-input">
                                    <input placeholder="Search keyword..." type="text">
                                </div>
                            </div>
                        </div>
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form action="" class="form">
                                        <fieldset>
                                            <legend>Categories</legend>
                                            <div class="form-group">
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Electronics</span>
                                                    </label>
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Apple</span>
                                                    </label>
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Silver</span>
                                                    </label>
                                                </div>
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Black</span>
                                                    </label>
                                                </div>
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Blue</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Properties</legend>
                                            <div class="form-group">
                                                <a class="clear text-mini __link">Clear all</a>
                                                <ul class="list __inline __choosen">
                                                    <li class="list-item">
                                                        <a class="list-remove">×</a>
                                                        <span class="list-name">Binding: Electronics</span>
                                                    </li>
                                                    <li class="list-item">
                                                        <a class="list-remove">×</a>
                                                        <span class="list-name">Brand: Apple</span>
                                                    </li>
                                                    <li class="list-item">
                                                        <a class="list-remove">×</a>
                                                        <span class="list-name">Color: Silver</span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-t">
                                                    Binding
                                                    <a class="show text-mini __link">Show all</a>
                                                </div>
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Electronics</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-t">
                                                    Brand
                                                    <a class="show text-mini __link">Show all</a>
                                                </div>
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                        <span class="name">Apple</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-t">
                                                    Color
                                                    <a class="show text-mini __link">Show all</a>
                                                </div>
                                                <div class="form-control __radio">
                                                    <label class="form-label">
                                                        <input type="radio">
                                                        <span class="check"></span>
                                                        <span class="name">Silver</span>
                                                    </label>
                                                </div>
                                                <div class="form-control __radio">
                                                    <label class="form-label">
                                                        <input type="radio">
                                                        <span class="check"></span>
                                                        <span class="name">Green</span>
                                                    </label>
                                                </div>
                                                <div class="form-control __radio">
                                                    <label class="form-label">
                                                        <input type="radio">
                                                        <span class="check"></span>
                                                        <span class="name">Black</span>
                                                    </label>
                                                </div>
                                                <div class="form-control __radio">
                                                    <label class="form-label">
                                                        <input type="radio">
                                                        <span class="check"></span>
                                                        <span class="name">Blue</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t">
                            <i class="blade-t_ico fa fa-search"></i>
                            <p class="blade-t_head">Search results</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static __expanded">
                            <div class="breadcrumbs">
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Catalogs</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Samsung</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a href="#" class="menu-link">Computers &amp; Tablets</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="form-group">
                                <div class="form-input __search">
                                    <input placeholder="Search keyword..." type="text">
                                </div>
                                <p class="form-count">Count: <span class="count">12</span></p>
                            </div>
                        </div>
                        <div class="blade-static __bottom">
                            <div class="pagination">
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a class="menu-link">←</a>
                                    </li>
                                    <li class="menu-item __selected">
                                        <a class="menu-link" href="#">1</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">2</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">3</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">4</a>
                                    </li>
                                    <li class="menu-item">
                                        <a class="menu-link">→</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="table-wrapper">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </th>
                                                    <th class="table-col">Type</th>
                                                    <th class="table-col">Image</th>
                                                    <th class="table-col">Name</th>
                                                    <th class="table-col">Code</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-folder"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b001tk0vp4/h8zde4jglkegorhunrlfiq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony XL5200 Replacement lamp
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-shopping-cart"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b004h1xcc6/_6nhtpvhyeyd6qunkvrhfq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony Walkman NWZ-S544 Series 8 GB Video MP3 Player (Pink)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-barcode"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005ksqie4/gx7olv8ygu2zsaqsqhvs8q.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony VAIO YB Series VPCYB35KX/S 11.6-Inch Laptop (Silver)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-folder"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b001tk0vp4/h8zde4jglkegorhunrlfiq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony XL5200 Replacement lamp
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-shopping-cart"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b004h1xcc6/_6nhtpvhyeyd6qunkvrhfq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony Walkman NWZ-S544 Series 8 GB Video MP3 Player (Pink)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-barcode"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005ksqie4/gx7olv8ygu2zsaqsqhvs8q.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony VAIO YB Series VPCYB35KX/S 11.6-Inch Laptop (Silver)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-folder"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b001tk0vp4/h8zde4jglkegorhunrlfiq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony XL5200 Replacement lamp
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-shopping-cart"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b004h1xcc6/_6nhtpvhyeyd6qunkvrhfq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony Walkman NWZ-S544 Series 8 GB Video MP3 Player (Pink)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-barcode"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005ksqie4/gx7olv8ygu2zsaqsqhvs8q.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony VAIO YB Series VPCYB35KX/S 11.6-Inch Laptop (Silver)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-folder"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b001tk0vp4/h8zde4jglkegorhunrlfiq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony XL5200 Replacement lamp
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-shopping-cart"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b004h1xcc6/_6nhtpvhyeyd6qunkvrhfq.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony Walkman NWZ-S544 Series 8 GB Video MP3 Player (Pink)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <i class="table-ico fa fa-barcode"></i>
                                                    </td>
                                                    <td class="table-col __product-img">
                                                        <div class="product-img">
                                                            <div class="image" style="background-image: url(http://virtotest.blob.core.windows.net/catalog/v-b005ksqie4/gx7olv8ygu2zsaqsqhvs8q.jpg)"></div>
                                                        </div>
                                                    </td>
                                                    <td class="table-col __product-name">
                                                        Sony VAIO YB Series VPCYB35KX/S 11.6-Inch Laptop (Silver)
                                                    </td>
                                                    <td class="table-col __product-code">
                                                        v-b001tk0vp4
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">v-b005zg2sxq</p>
                            <p class="blade-t_subhead">Item details</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-undo"></i>
                                        Reset
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        New variation
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-switch">
                            <span class="switch-t">Primary</span>
                            <label class="form-label __switch">
                                <input type="checkbox">
                                <span class="switch"></span>
                            </label>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form action="" class="form">
                                        <div class="form-group">
                                            <label class="form-label">SKU:</label>
                                            <div class="form-input">
                                                <input placeholder="Enter item sku" type="text">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-input">
                                                <textarea cols="30" placeholder="Eter item name" rows="10"></textarea>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="tile-group four">
                                        <div class="tile-group two">
                                            <div class="tile double __gallery">
                                                <div class="tile-gallery">
                                                    <div class="gallery-img __main">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/znkfqfmwvk-5_omol-fzeg.thumb.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/yyfx_zmd3ukgmxde4zj4aw.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/w4l6ejmkouqbkafqdd-kbw.thumb.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/rt_fnhoqqegxpyv3cgci_q.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/yyfx_zmd3ukgmxde4zj4aw.thumb.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/smfm9i4gk0ovyzpmnlyq8w.thumb.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/znkfqfmwvk-5_omol-fzeg.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/w4l6ejmkouqbkafqdd-kbw.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/smfm9i4gk0ovyzpmnlyq8w.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/0kjfotvowe2zcot1nsb5_a.jpg" alt="">
                                                    </div>
                                                    <div class="gallery-img">
                                                        <img src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/znkfqfmwvk-5_omol-fzeg.thumb.jpg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tile">
                                                <span class="tile-count">5</span>
                                                <span class="tile-descr">Seo</span>
                                            </div>
                                            <div class="tile">
                                                <span class="tile-count">5</span>
                                                <span class="tile-descr">Reviews</span>
                                            </div>
                                        </div>
                                        <div class="tile-group two">
                                            <div class="tile double wide">
                                                <span class="tile-count">15</span>
                                                <span class="tile-descr">Properties</span>
                                            </div>
                                            <div class="tile double wide">
                                                <span class="tile-count">10</span>
                                                <span class="tile-descr">Associations</span>
                                            </div>
                                            <div class="tile">
                                                <span class="tile-count">5</span>
                                                <span class="tile-descr">Variations</span>
                                            </div>
                                            <div class="tile">
                                                <span class="tile-count">10</span>
                                                <span class="tile-descr">Assets</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-files-o"></i>
                            <p class="blade-t_head">Samsung Series 9 NP900X3A-B06 13.3-Inch Laptop</p>
                            <p class="blade-t_subhead">Item images</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Remove
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="sub-t">Select files</div>
                                    <form class="form">
                                        <div class="drag-area">
                                            <div class="drag-content">Drag and drop images here</div>
                                        </div>
                                        <div class="form-input">
                                            <input type="file">
                                            <input type="text">
                                            <button class="btn __file" onclick="$('input[type=file]').trigger('click'); return false;">
                                                <i class="btn-ico fa fa-image"></i>
                                            </button>
                                        </div>
                                    </form>
                                    <div class="tile-group triple __images-list">
                                        <div class="tile double">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                        <div class="tile">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                        <div class="tile">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                        <div class="tile">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                        <div class="tile">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                        <div class="tile">
                                            <img class="tile-img" src="http://virtotest.blob.core.windows.net/catalog/v-b005ouqadc/i6y04sgiaua4u7_c_yviwa.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-search"></i>
                            <p class="blade-t_head">v-b005zg2sxq</p>
                            <p class="blade-t_subhead">SEO information</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-undo"></i>
                                        Reset
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <fieldset>
                                            <legend>URL Keyword</legend>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-cn"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-fr"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-us"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Page title</legend>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-cn"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-fr"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-us"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Meta description</legend>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-cn"></span>
                                                    <textarea cols="30" rows="10"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-fr"></span>
                                                    <textarea cols="30" rows="10"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-us"></span>
                                                    <textarea cols="30" rows="10"></textarea>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Image alternative text</legend>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-cn"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-fr"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-input __langs">
                                                    <span class="flag flag-us"></span>
                                                    <input type="text">
                                                </div>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-map-marker"></i>
                            <p class="blade-t_head">John Smith Vandicamp</p>
                            <p class="blade-t_subhead">Customer details</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        New contact
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <div class="form-group">
                                            <label class="form-label">Full name</label>
                                            <div class="form-input">
                                                <input type="text" value="John Smith Vandicamp">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Addresses</label>
                                            <p class="text __editable">Baker st. 15-1, London, UK, 158244</p>
                                            <p class="text">317 32nd Street, Virginia Beach, VA 23451, United States</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Emails</label>
                                            <p class="text __editable">primary@the-company.com</p>
                                            <p class="text __editable">another@thesmithmail.com</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Phone</label>
                                            <p class="text">2-599952-93251</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Tags</label>
                                            <div class="form-input">
                                                <input type="text" value="VIP">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Lnaguage</label>
                                            <div class="form-input">
                                                <select>
                                                    <option value="ru">Ru</option>
                                                    <option value="en">En</option>
                                                    <option value="de">De</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Birthday</label>
                                            <div class="form-input">
                                                <select multiple>
                                                    <option value="ru">Ru</option>
                                                    <option value="en">En</option>
                                                    <option value="de">De</option>
                                                </select>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-map-marker"></i>
                            <p class="blade-t_head">Location</p>
                            <p class="blade-t_subhead">Select location</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="sub-t">Checkboxes</div>
                                    <div class="list __items">
                                        <label class="list-item">
                                            <input type="checkbox">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item">
                                            <input type="checkbox">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item __selected">
                                            <input type="checkbox">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item">
                                            <input type="checkbox">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                    </div>
                                    <div class="sub-t">Radio</div>
                                    <div class="list __items">
                                        <label class="list-item">
                                            <input name="location" type="radio">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item">
                                            <input name="location" type="radio">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item">
                                            <input name="location" type="radio">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                        <label class="list-item">
                                            <input name="location" type="radio">
                                            <span class="switch"></span>
                                            <span class="list-name">Ease US</span>
                                        </label>
                                    </div>
                                    <div class="sub-t">Numbers</div>
                                    <div class="form-group">
                                        <div class="form-input __number js-number-input-plugin" data-step="5">
                                            <input type="text" value="5" class="js-val">
                                            <a class="up js-up"></a>
                                            <a class="down js-down"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-map-marker"></i>
                            <p class="blade-t_head">Sony</p>
                            <p class="blade-t_subhead">Edit catalog</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-undo"></i>
                                        Reset
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <div class="form-group">
                                            <label class="form-label">Catalog name</label>
                                            <div class="form-input">
                                                <input type="text" value="">
                                            </div>
                                        </div>
                                    </form>
                                    <ul class="list __items">
                                        <li class="list-item">
                                            <i class="list-ico fa fa-language"></i>
                                            <span class="list-t">Default language</span>
                                            <span class="list-descr">English (United States) (en-us)</span>
                                        </li>
                                        <li class="list-item">
                                            <i class="list-ico fa fa-language"></i>
                                            <span class="list-t">Catalog languages</span>
                                            <span class="list-descr">
                                                <a>
                                                    English (United States) (en-us),
                                                </a>
                                            </span>
                                        </li>
                                    </ul>
                                    <div class="tile-group three">
                                        <div class="tile double wide">
                                            <span class="tile-count">5</span>
                                            <span class="tile-descr">Properties</span>
                                        </div>
                                        <div class="tile">
                                            <span class="tile-count">5</span>
                                            <span class="tile-descr">Properties</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-sitemap"></i>
                            <p class="blade-t_head">Tree</p>
                            <p class="blade-t_subhead">Tree sub title</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-file"></i>
                                        New document
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-save"></i>
                                        Save
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-undo"></i>
                                        Reset
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-switch">
                            <span class="switch-t">Approved</span>
                            <label class="form-label __switch">
                                <input type="checkbox">
                                <span class="switch"></span>
                            </label>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="canceled">Canceled</div>
                        <div class="blade-content __large-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form columns clearfix">
                                        <div class="column">
                                            <div class="form-group">
                                                <label class="form-label">Customer order number</label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Status</label>
                                                <div class="form-input">
                                                    <select name="" id="" class="chosen-select">
                                                        <option value="new">New</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Fulfilment centre</label>
                                                <div class="form-input">
                                                    <select name="" id="" class="chosen-select">
                                                        <option value="new">New</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="column">
                                            <div class="form-group">
                                                <label class="form-label">from</label>
                                                <div class="form-input">
                                                    <p class="form-text">2014-02-23 22:21</p>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Site</label>
                                                <div class="form-input">
                                                    <select name="" id="" class="chosen-select">
                                                        <option value="test">Test site</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Customer</label>
                                                <div class="form-input">
                                                    <select name="" id="" class="chosen-select">
                                                        <option value="Evant">Evant Moriss</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="sub-t">Custom attributes</div>
                                    <div class="form columns clearfix">
                                        <div class="column">
                                            <div class="form-group">
                                                <label class="form-label">Custom string field</label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-control __checkbox">
                                                    <label class="form-label">
                                                        <input type="checkbox" name="r1">
                                                        <span class="check"></span>
                                                        <span class="name">Custom flag field</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="column">
                                            <div class="form-group">
                                                <label class="form-label">Custom text field</label>
                                                <div class="form-input">
                                                    <textarea></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="sub-t">Documents</div>
                                    <div class="tree-view">
                                        <div class="tree-scroll">
                                            <ul class="tree">
                                                <li class="tree-item first">
                                                    <div class="tree-block">
                                                        <div class="inner">
                                                            <div class="tree-el __title">
                                                                <i class="tree-ico fa fa-info-circle"></i>
                                                                Order #CU04829
                                                            </div>
                                                            <div class="tree-el __date">
                                                                <i class="tree-ico fa fa-calendar"></i>
                                                                Feb 17, 2015
                                                            </div>
                                                            <div class="tree-el __price">
                                                                <i class="tree-ico fa fa-money"></i>
                                                                218 USD
                                                            </div>
                                                            <div class="tree-el __canceled">
                                                                Canceled
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <ul class="tree-node">
                                                        <li class="tree-item">
                                                            <div class="tree-block">
                                                                <div class="inner">
                                                                    <div class="tree-el __title">
                                                                        <i class="tree-ico fa fa-info-circle"></i>
                                                                        PaymentIn #PA04829
                                                                    </div>
                                                                    <div class="tree-el __date">
                                                                        <i class="tree-ico fa fa-calendar"></i>
                                                                        Feb 17, 2015
                                                                    </div>
                                                                    <div class="tree-el __price">
                                                                        <i class="tree-ico fa fa-money"></i>
                                                                        10 USD
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="tree-item">
                                                            <div class="tree-block">
                                                                <div class="inner">
                                                                    <div class="tree-el __title">
                                                                        <i class="tree-ico fa fa-info-circle"></i>
                                                                        Shipment #SH04829
                                                                    </div>
                                                                    <div class="tree-el __date">
                                                                        <i class="tree-ico fa fa-calendar"></i>
                                                                        Feb 17, 2015
                                                                    </div>
                                                                    <div class="tree-el __price">
                                                                        <i class="tree-ico fa fa-money"></i>
                                                                        0 USD
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="tree-item">
                                                            <div class="tree-block">
                                                                <div class="inner">
                                                                    <div class="tree-el __title">
                                                                        <i class="tree-ico fa fa-info-circle"></i>
                                                                        PaymentIn #PA04829
                                                                    </div>
                                                                    <div class="tree-el __date">
                                                                        <i class="tree-ico fa fa-calendar"></i>
                                                                        Feb 17, 2015
                                                                    </div>
                                                                    <div class="tree-el __price">
                                                                        <i class="tree-ico fa fa-money"></i>
                                                                        10 USD
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add item
                                    </button>
                                </li>
                                <li class="menu-item __disabled">
                                    <button class="menu-btn ng-binding" disabled="disabled">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Remove
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static">
                            <div class="form-group">
                                <p class="form-count">Count: <span class="count ng-binding">2</span></p>
                            </div>
                        </div>
                        <div class="blade-content __large-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="table-wrapper">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </th>
                                                    <th class="table-col">Item</th>
                                                    <th class="table-col">Qty</th>
                                                    <th class="table-col">Avail</th>
                                                    <th class="table-col">Await</th>
                                                    <th class="table-col">Price</th>
                                                    <th class="table-col">Discount</th>
                                                    <th class="table-col">Tax</th>
                                                    <th class="table-col">Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __proudct-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                        <span class="table-t" title="shoes">shoes</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.quantity" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>0</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>0</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.price" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.staticDiscount" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.tax" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>180</span>
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col __proudct-img">
                                                        <div class="product-img">
                                                            <i class="table-ico fa fa-image"></i>
                                                        </div>
                                                        <span class="table-t" title="t-shirt">t-shirt</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.quantity" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>0</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>0</span>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.price" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.staticDiscount" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <div data-step="1" class="form-input __number js-number-input-plugin">
                                                            <input type="text" ng-model="data.tax" required="" class="js-val">
                                                            <a class="up js-up"></a>
                                                            <a class="down js-down"></a>
                                                        </div>
                                                    </td>
                                                    <td class="table-col">
                                                        <span>2000</span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="columns clearfix">
                                        <div class="column">
                                            <div class="form-group">
                                                <label class="form-label">Comment</label>
                                                <div class="form-input">
                                                    <textarea></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="column">
                                            <div class="table-wrapper">
                                                <table class="table">
                                                    <tbody>
                                                        <tr class="table-item">
                                                            <td class="table-col">Total:</td>
                                                            <td class="table-col ng-binding">218</td>
                                                        </tr>
                                                        <tr class="table-item">
                                                            <td class="table-col">Sub Total</td>
                                                            <td class="table-col">678.23</td>
                                                        </tr>
                                                        <tr class="table-item">
                                                            <td class="table-col">Discount Total</td>
                                                            <td class="table-col">36.00</td>
                                                        </tr>
                                                        <tr class="table-item">
                                                            <td class="table-col">Tax Total</td>
                                                            <td class="table-col ng-binding">0</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add item
                                    </button>
                                </li>
                                <li class="menu-item __loading">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Remove
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form">
                                        <button class="btn">
                                            <span>Default button</span>
                                        </button>
                                        <button class="btn __loading">
                                            <span>Animated button</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add item
                                    </button>
                                </li>
                                <li class="menu-item __disabled">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Remove
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form">
                                        <div class="tile-group four">
                                            <div class="tile quadro">
                                                <div class="tree-view">
                                                    <div class="tree-scroll">
                                                        <ul class="tree">
                                                            <li class="tree-item first">
                                                                <div class="tree-block">
                                                                    <div class="inner">
                                                                        <div class="tree-el __title">
                                                                            <i class="tree-ico fa fa-info-circle"></i>
                                                                            Order #CU04829
                                                                        </div>
                                                                        <div class="tree-el __date">
                                                                            <i class="tree-ico fa fa-calendar"></i>
                                                                            Feb 17, 2015
                                                                        </div>
                                                                        <div class="tree-el __price">
                                                                            <i class="tree-ico fa fa-money"></i>
                                                                            218 USD
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <ul class="tree-node">
                                                                    <li class="tree-item">
                                                                        <div class="tree-block">
                                                                            <div class="inner">
                                                                                <div class="tree-el __title">
                                                                                    <i class="tree-ico fa fa-info-circle"></i>
                                                                                    PaymentIn #PA04829
                                                                                </div>
                                                                                <div class="tree-el __date">
                                                                                    <i class="tree-ico fa fa-calendar"></i>
                                                                                    Feb 17, 2015
                                                                                </div>
                                                                                <div class="tree-el __price">
                                                                                    <i class="tree-ico fa fa-money"></i>
                                                                                    10 USD
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                    <li class="tree-item">
                                                                        <div class="tree-block">
                                                                            <div class="inner">
                                                                                <div class="tree-el __title">
                                                                                    <i class="tree-ico fa fa-info-circle"></i>
                                                                                    Shipment #SH04829
                                                                                </div>
                                                                                <div class="tree-el __date">
                                                                                    <i class="tree-ico fa fa-calendar"></i>
                                                                                    Feb 17, 2015
                                                                                </div>
                                                                                <div class="tree-el __price">
                                                                                    <i class="tree-ico fa fa-money"></i>
                                                                                    0 USD
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tile __price double wide">
                                                <span class="tile-count">300</span>
                                                <span class="tile-descr">Proudcts</span>
                                                <span class="tile-price">30.30 USD</span>
                                            </div>
                                            <div class="tile double wide">
                                                <ul class="list __prices">
                                                    <li class="list-item">Sub total <span class="list-price">678.23</span></li>
                                                    <li class="list-item">Discount Total <span class="list-price">36.00</span></li>
                                                    <li class="list-item">Tax total <span class="list-price">0</span></li>
                                                    <li class="list-item __total">Total <span class="list-price">218</span></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">Edit Apple/Timber</p>
                            <p class="blade-t_subhead">Theme asset list</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </button>
                                </li>
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __tree">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <ul class="list __files">
                                        <li class="list-item">
                                            <a class="list-block">
                                                <i class="list-ico fa fa-folder"></i>
                                                <span class="list-name">Layout</span>
                                            </a>
                                        </li>
                                        <li class="list-item">
                                            <a class="list-block">
                                                <i class="list-ico fa fa-folder"></i>
                                                <span class="list-name">Templates</span>
                                            </a>
                                        </li>
                                        <li class="list-item __selected">
                                            <a class="list-block">
                                                <i class="list-ico fa fa-folder-open"></i>
                                                <span class="list-name">Assets</span>
                                                <span class="list-descr">Very long description for assets</span>
                                            </a>
                                            <ul class="list __sub">
                                                <li class="list-item">
                                                    <a href="#" class="list-link">Add new link</a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                    <ul class="list __sub">
                                                        <li class="list-item">
                                                            <a class="list-block">
                                                                <span class="list-img">
                                                                    <img src="http://fakeimg.pl/350x350/00CED1/FFF/">
                                                                </span>
                                                                <span class="list-name">Nice picture :)</span>
                                                                <span class="list-descr">Description</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-block">
                                                        <i class="list-ico fa fa-file-text"></i>
                                                        <span class="list-name">apple-touch-icon-114x114.png</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">Edit Apple/Timber</p>
                            <p class="blade-t_subhead">Theme asset list</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </button>
                                </li>
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <fieldset>
                                            <legend>Group 1</legend>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property
                                                </label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property 0
                                                </label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property <a href=""><i class="form-ico fa fa-pencil"></i></a>
                                                </label>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property 2 <a href=""><i class="form-ico fa fa-pencil"></i></a>
                                                </label>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Group 2</legend>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property
                                                </label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property 2
                                                </label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property 3
                                                </label>
                                                <div class="form-input">
                                                    <input type="text">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">
                                                    Property 4 <a href=""><i class="form-ico fa fa-pencil"></i></a>
                                                </label>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">Edit Apple/Timber</p>
                            <p class="blade-t_subhead">Theme asset list</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </button>
                                </li>
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <fieldset>
                                            <legend>New value</legend>
                                            <div class="form-group">
                                                <label class="form-label">New value</label>
                                                <div class="form-input">
                                                    <input type="text" placeholder="Please enter value">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <button type="submit" class="btn" disabled="disabled">Add</button>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Current values</legend>
                                            <div class="table-wrapper">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th class="table-col">
                                                                <label class="form-control __checkbox">
                                                                    <input type="checkbox" ng-change="checkAll(selectedAll)" ng-model="selectedAll" class="ng-pristine ng-untouched ng-valid">
                                                                    <span class="check"></span>
                                                                </label>
                                                            </th>
                                                            <th class="table-col">Value</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr class="table-item">
                                                            <td class="table-col">
                                                                <label class="form-control __checkbox">
                                                                    <input type="checkbox">
                                                                    <span class="check"></span>
                                                                </label>
                                                            </td>
                                                            <td class="table-col">
                                                                <div class="form-input">
                                                                    <input type="text" value="Value 1">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="table-item">
                                                            <td class="table-col">
                                                                <label class="form-control __checkbox">
                                                                    <input type="checkbox">
                                                                    <span class="check"></span>
                                                                </label>
                                                            </td>
                                                            <td class="table-col">
                                                                <div class="form-input">
                                                                    <input type="text" value="Value 2">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="table-item">
                                                            <td class="table-col">
                                                                <label class="form-control __checkbox">
                                                                    <input type="checkbox">
                                                                    <span class="check"></span>
                                                                </label>
                                                            </td>
                                                            <td class="table-col">
                                                                <div class="form-input">
                                                                    <input type="text" value="Value 3">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-flag"></i>
                            <p class="blade-t_head">New promotion</p>
                            <p class="blade-t_subhead">Create cart promotion</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-refresh"></i>
                                        Refresh
                                    </button>
                                </li>
                                <li class="menu-item">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __large-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <form class="form">
                                        <fieldset>
                                            <legend>Step 1 - Enter promotion general information.</legend>
                                            <div class="note">
                                                Fields marked as required must have values for the promotion to be created.
                                            </div>
                                            <div class="columns">
                                                <div class="column">
                                                    <div class="form-group">
                                                        <label class="form-label"><span class="required">*</span> Store:</label>
                                                        <div class="form-input">
                                                            <select name="" id="">
                                                                <option value="">Select store...</option>
                                                                <option value="">Apple store</option>
                                                                <option value="">Electronics store</option>
                                                                <option value="">Sony store</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label"><span class="required">*</span> Promotion name:</label>
                                                        <div class="form-input">
                                                            <input type="text">
                                                        </div>
                                                    </div>
                                                    <div class="form-group __calendar">
                                                        <label class="form-label"><span class="required">*</span> Enable date/time:</label>
                                                        <div class="form-input">
                                                            <input type="text">
                                                            <button class="btn" type="button">
                                                                <i class="btn-ico fa fa-calendar"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="form-group __calendar">
                                                        <label class="form-label">Expiration date/time:</label>
                                                        <div class="form-input">
                                                            <input type="text">
                                                            <button class="btn" type="button">
                                                                <i class="btn-ico fa fa-calendar"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="column">
                                                    <div class="form-group">
                                                        <label class="form-label">Description:</label>
                                                        <div class="form-input">
                                                            <textarea name="" id="" cols="30" rows="10"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group clearfix">
                                                        <div class="column">
                                                            <div class="form-group">
                                                                <label class="form-label">Allowed limit:</label>
                                                                <div class="form-input __number js-number-input-plugin" data-step="1">
                                                                    <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                    <a class="up js-up"></a>
                                                                    <a class="down js-down"></a>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="form-label">Priority:</label>
                                                                <div class="form-input __number js-number-input-plugin" data-step="1">
                                                                    <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                    <a class="up js-up"></a>
                                                                    <a class="down js-down"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="column">
                                                            <div class="form-group">
                                                                <label class="form-label">Limit per customer:</label>
                                                                <div class="form-input __number js-number-input-plugin" data-step="1">
                                                                    <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                    <a class="up js-up"></a>
                                                                    <a class="down js-down"></a>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="form-label">Exclusivity:</label>
                                                                <div class="form-input">
                                                                    <select name="" id="">
                                                                        <option value="">None</option>
                                                                        <option value="">Global</option>
                                                                        <option value="">Group</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="form-control __checkbox">
                                                            <label class="form-label">
                                                                <input type="checkbox">
                                                                <span class="check"></span>
                                                                <span class="name">Enable in store</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <legend>Step 2 - Enter promotion details.</legend>
                                            <div class="text">Add promo conditions.</div>
                                            <div class="dynamic-expression">
                                                <div class="dynamic-expression_t">For visitor with <a class="__link">all</a> of these eligibilities</div>
                                                <div class="dynamic-expression_b">
                                                    <span class="error">Cart promotion requires at least one eligibility</span>
                                                    <ul class="list">
                                                        <li class="list-item">
                                                            <a class="list-link">
                                                                <i class="list-ico fa fa-times-circle"></i>
                                                                Everyone
                                                            </a>
                                                        </li>
                                                        <li class="list-item">
                                                            <a class="list-link">
                                                                <i class="list-ico fa fa-times-circle"></i>
                                                                First time buyers
                                                            </a>
                                                        </li>
                                                        <li class="list-item">
                                                            <a class="list-link">
                                                                <i class="list-ico fa fa-times-circle"></i>
                                                                Registered user
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <a class="add __link __usergroup">Add usergroup</a>
                                                </div>
                                                <div class="dynamic-expression_t">if <a class="__link">all</a> of these are true</div>
                                                <div class="dynamic-expression_b">
                                                    <ul class="list">
                                                        <li class="list-item">
                                                            <i class="list-ico fa fa-times-circle"></i>
                                                            <a class="list-link">At least</a>
                                                            <div class="form-input __mini __number js-number-input-plugin" data-step="1">
                                                                <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                <a class="up js-up"></a>
                                                                <a class="down js-down"></a>
                                                            </div>
                                                            <div class="list-descr">items in shopping cart excluding</div>
                                                            <ul class="list __sub">
                                                                <li class="list-item">
                                                                    <i class="list-ico fa fa-times-circle"></i>
                                                                    <div class="list-descr">items of category</div>
                                                                    <a class="__link">TVs</a>
                                                                </li>
                                                                <li class="list-item">
                                                                    <i class="list-ico fa fa-times-circle"></i>
                                                                    <div class="list-descr">items of category</div>
                                                                    <a class="__link">select category</a>
                                                                </li>
                                                                <li class="list-item">
                                                                    <a href="#" class="add">+ Excluding</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                    <a class="add __link __usergroup">Add condition</a>
                                                </div>
                                                <div class="dynamic-expression_t">They get:</div>
                                                <div class="dynamic-expression_b">
                                                    <span class="error">Promotion requires at least one reward</span>
                                                    <ul class="list">
                                                        <li class="list-item">
                                                            <i class="list-ico fa fa-times-circle"></i>
                                                            <a class="list-link">Get</a>
                                                            <div class="form-input __mini __number js-number-input-plugin" data-step="1">
                                                                <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                <a class="up js-up"></a>
                                                                <a class="down js-down"></a>
                                                            </div>
                                                            <div class="list-descr">% off</div>
                                                            <div class="form-input __mini __number js-number-input-plugin" data-step="1">
                                                                <input type="text" class="js-val" required="" ng-model="data.quantity">
                                                                <a class="up js-up"></a>
                                                                <a class="down js-down"></a>
                                                            </div>
                                                            <div class="list-descr">items excluding</div>
                                                            <ul class="list __sub">
                                                                <li class="list-item">
                                                                    <i class="list-ico fa fa-times-circle"></i>
                                                                    <div class="list-descr">items of category</div>
                                                                    <a class="__link">TVs</a>
                                                                </li>
                                                                <li class="list-item">
                                                                    <i class="list-ico fa fa-times-circle"></i>
                                                                    <div class="list-descr">items of category</div>
                                                                    <a class="__link">select category</a>
                                                                </li>
                                                                <li class="list-item">
                                                                    <a href="#" class="add">+ Excluding</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                    <a class="add __link __usergroup">Add effect</a>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add item
                                    </button>
                                </li>
                                <li class="menu-item __disabled">
                                    <button class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Remove
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form">
                                        <div class="tile-group four">
                                            <div class="tile quadro">
                                                <div class="tree-view">
                                                    <div class="tree-scroll">
                                                        <ul class="tree __horizontal">
                                                            <li class="tree-item first">
                                                                <div class="tree-block">
                                                                    <div class="inner">
                                                                        <div class="tree-el __title">
                                                                            <i class="tree-ico fa fa-info-circle"></i>
                                                                            Order #CU04829
                                                                        </div>
                                                                        <div class="tree-el __date">
                                                                            <i class="tree-ico fa fa-calendar"></i>
                                                                            Feb 17, 2015
                                                                        </div>
                                                                        <div class="tree-el __price">
                                                                            <i class="tree-ico fa fa-money"></i>
                                                                            218 USD
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <ul class="tree-node">
                                                                    <li class="tree-item">
                                                                        <div class="tree-block">
                                                                            <div class="inner">
                                                                                <div class="tree-el __title">
                                                                                    <i class="tree-ico fa fa-info-circle"></i>
                                                                                    PaymentIn #PA04829
                                                                                </div>
                                                                                <div class="tree-el __date">
                                                                                    <i class="tree-ico fa fa-calendar"></i>
                                                                                    Feb 17, 2015
                                                                                </div>
                                                                                <div class="tree-el __price">
                                                                                    <i class="tree-ico fa fa-money"></i>
                                                                                    10 USD
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <ul class="tree-node">
                                                                            <li class="tree-item">
                                                                                <div class="tree-block">
                                                                                    <div class="inner">
                                                                                        <div class="tree-el __title">
                                                                                            <i class="tree-ico fa fa-info-circle"></i>
                                                                                            PaymentIn #PA04829
                                                                                        </div>
                                                                                        <div class="tree-el __date">
                                                                                            <i class="tree-ico fa fa-calendar"></i>
                                                                                            Feb 17, 2015
                                                                                        </div>
                                                                                        <div class="tree-el __price">
                                                                                            <i class="tree-ico fa fa-money"></i>
                                                                                            10 USD
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="tree-item">
                                                                                <div class="tree-block">
                                                                                    <div class="inner">
                                                                                        <div class="tree-el __title">
                                                                                            <i class="tree-ico fa fa-info-circle"></i>
                                                                                            PaymentIn #PA04829
                                                                                        </div>
                                                                                        <div class="tree-el __date">
                                                                                            <i class="tree-ico fa fa-calendar"></i>
                                                                                            Feb 17, 2015
                                                                                        </div>
                                                                                        <div class="tree-el __price">
                                                                                            <i class="tree-ico fa fa-money"></i>
                                                                                            10 USD
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li class="tree-item">
                                                                        <div class="tree-block">
                                                                            <div class="inner">
                                                                                <div class="tree-el __title">
                                                                                    <i class="tree-ico fa fa-info-circle"></i>
                                                                                    Shipment #SH04829
                                                                                </div>
                                                                                <div class="tree-el __date">
                                                                                    <i class="tree-ico fa fa-calendar"></i>
                                                                                    Feb 17, 2015
                                                                                </div>
                                                                                <div class="tree-el __price">
                                                                                    <i class="tree-ico fa fa-money"></i>
                                                                                    0 USD
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn __new-blade">
                                        <i class="menu-ico fa fa-plus"></i>
                                        New blade
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="sub-t __border">Choosen</div>
                                    <div class="form">
                                        <div class="form-gorup">
                                            <a class="clear text-mini __link">Clear all</a>
                                            <ul class="list __inline __choosen">
                                                <li class="list-item">
                                                    <a class="list-remove">×</a>
                                                    <span class="list-name">Template/Folder 1/Content</span>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-remove">×</a>
                                                    <span class="list-name">Template/Folder 1/Images</span>
                                                </li>
                                                <li class="list-item">
                                                    <a class="list-remove">×</a>
                                                    <span class="list-name">Template/Folder 1/Assets/jQuery</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="sub-t __border">Placeholders</div>
                                    <div class="form">
                                        <ul class="list __files">
                                            <li class="list-item">
                                                <a class="list-block">
                                                    <i class="list-ico fa fa-folder-open"></i>
                                                    <span class="list-name">Folder 1</span>
                                                    <span class="list-descr">Descriptin for folder 1</span>
                                                </a>
                                                <ul class="list __sub">
                                                    <li class="list-item">
                                                        <a class="list-block">
                                                            <span class="list-name">Folder 1.1</span>
                                                            <span class="list-descr">Descriptin for folder 1.1</span>
                                                        </a>
                                                    </li>
                                                    <li class="list-item">
                                                        <a class="list-block">
                                                            <i class="list-ico fa fa-image"></i>
                                                            <span class="list-name">Folder 1.2</span>
                                                            <span class="list-descr">Descriptin for folder 1.2</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="list-item">
                                                <a class="list-block">
                                                    <i class="list-ico fa fa-folder-open"></i>
                                                    <span class="list-name">Folder 2</span>
                                                    <span class="list-descr">Descriptin for folder 2</span>
                                                </a>
                                                <ul class="list __sub">
                                                    <li class="list-item">
                                                        <a class="list-block">
                                                            <span class="list-name">Folder 2.1</span>
                                                            <span class="list-descr">Descriptin for folder 2.1</span>
                                                        </a>
                                                    </li>
                                                    <li class="list-item">
                                                        <a class="list-block">
                                                            <span class="list-name">Folder 2.2</span>
                                                            <span class="list-descr">Descriptin for folder 2.2</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head"></header>
                    <div class="blade-container">
                        <div class="blade-content">
                            <div class="blade-inner">
                                <div class="inner-block">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button>
                                        <i class="btn-ico fa fa-thumb-tack"></i>
                                    </button>
                                </li>
                                <li class="menu-item __minimize">
                                    <button>
                                        Minimize
                                    </button>
                                </li>
                                <li class="menu-item __maximize">
                                    <button>
                                        Maximize
                                    </button>
                                </li>
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-folder"></i>
                            <p class="blade-t_head">vasja customer's Customer Order items</p>
                            <p class="blade-t_subhead">Edit order items</p>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn __new-blade">
                                        <i class="menu-ico fa fa-plus"></i>
                                        New blade
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form clearfix">
                                        <div class="columns">
                                            <div class="column">
                                                <div class="form-group">
                                                    <label class="form-label">Phone</label>
                                                    <div class="form-input __info">
                                                        <input type="text">
                                                        <button class="btn" type="button">
                                                            <i class="btn-ico fa fa-info" data-text="Please enter phone number format: x-xxx-xxx-xx-xx"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="form-group">
                                                    <label class="form-label">Phone</label>
                                                    <div class="form-input __info">
                                                        <input type="text">
                                                        <button class="btn" type="button">
                                                            <i class="btn-ico fa fa-info" data-text="Please enter phone number <br>format: x-xxx-xxx-xx-xx"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="table-wrapper">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="table-col">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </th>
                                                    <th class="table-col">Name</th>
                                                    <th class="table-col">Last modified</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col">
                                                        <i class="table-ico fa fa-asterisk"></i>
                                                        <span class="table-t">Coupon discount test</span>
                                                        <span class="table-status">Not active</span>
                                                    </td>
                                                    <td class="table-col __date">
                                                        <span class="table-date">12 days ago</span>
                                                    </td>
                                                </tr>
                                                <tr class="table-item">
                                                    <td class="table-col __product-control">
                                                        <label class="form-control __checkbox">
                                                            <input type="checkbox">
                                                            <span class="check"></span>
                                                        </label>
                                                    </td>
                                                    <td class="table-col">
                                                        <i class="table-ico fa fa-asterisk"></i>
                                                        <span class="table-t">Coupon discount test</span>
                                                        <span class="table-status __active">Active</span>
                                                    </td>
                                                    <td class="table-col __date">
                                                        <span class="table-date">12 days ago</span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-code"></i>
                            <p class="blade-t_head">Content</p>
                            <p class="blade-t_subhead">Conent service</p>
                        </div>

                    </header>
                    <div class="blade-container">
                        <div class="blade-static __expanded">
                            <div class="form columns">
                                <div class="column">
                                    <div class="form-group">
                                        <label for="" class="form-label">Name:</label>
                                        <div class="form-input">
                                            <input type="text">
                                        </div>
                                    </div>
                                </div>
                                <div class="column">
                                    <div class="form-group">
                                        <label for="" class="form-label">Password:</label>
                                        <div class="form-input">
                                            <input type="text">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="blade-content __large-wide __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form">
                                        <div class="tile-group five">
                                            <div class="tile double __brand">
                                                <div class="tile-descr">Apple Store</div>
                                                <div class="tile-image">
                                                    <img src="http://fakeimg.pl/500x500/00CED1/FFF/">
                                                </div>
                                            </div>
                                            <div class="tile triple wide mini">
                                                <div class="tile-t">Active theme: Default</div>
                                                <ul class="menu __inline __theme-links">
                                                    <li class="menu-item">
                                                        <a class="menu-link" href="#">
                                                            <i class="menu-ico fa fa-edit"></i>
                                                            Edit CSS/HTML
                                                        </a>
                                                    </li>
                                                    <li class="menu-item">
                                                        <a class="menu-link" href="#">
                                                            <i class="menu-ico fa fa-eye"></i>
                                                            Preview theme
                                                        </a>
                                                    </li>
                                                    <li class="menu-item">
                                                        <a class="menu-link" href="#">
                                                            <i class="menu-ico fa fa-wrench"></i>
                                                            Customize theme
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Themes</div>
                                                <div class="tile-count">15</div>
                                                <a class="btn">Add</a>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Pages</div>
                                                <div class="tile-count">16</div>
                                                <a class="btn">Add</a>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Link lists</div>
                                                <div class="tile-count">15</div>
                                                <a class="btn">Add</a>
                                            </div>
                                        </div>
                                        <div class="tile-group five">
                                            <div class="tile double __brand">
                                                <div class="tile-descr">Apple Store</div>
                                                <div class="tile-image">
                                                    <img src="http://fakeimg.pl/500x500/00CED1/FFF/">
                                                </div>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Themes</div>
                                                <div class="tile-count">15</div>
                                                <a class="btn">Add</a>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Pages</div>
                                                <div class="tile-count">16</div>
                                                <a class="btn">Add</a>
                                            </div>
                                            <div class="tile">
                                                <div class="tile-descr">Link lists</div>
                                                <div class="tile-count">15</div>
                                                <a class="btn">Add</a>
                                            </div>
                                            <div class="tile triple wide mini __informer">
                                                <p>No active theme, click to choose</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t __secondary">
                            <i class="blade-t_ico fa fa-code"></i>
                            <p class="blade-t_head">Content</p>
                            <p class="blade-t_subhead">Conent service</p>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __xlarge-wide __gray">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="form">
                                        <div class="iframe-cnt" style="background: #dee9f0; border: 1px dashed #a1c0d4;">
                                            
                                        </div>
                                        <div class="lookbook">
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item ng-scope">
                                    <button class="menu-btn __new-blade">
                                        <i class="menu-ico fa fa-wrench"></i>
                                        Settings
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="t __divider">Module info</div>
                                    <ul class="list __info">
                                        <li class="list-item">
                                            <div class="list-t">Author</div>
                                            <div class="list-descr">Virto Commerce</div>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">Title</div>
                                            <div class="list-descr">Virto Commerce Core</div>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">ID</div>
                                            <div class="list-descr">VirtoCommerce.Core</div>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">Version</div>
                                            <div class="list-descr">1.0.0.0</div>
                                        </li>
                                        <li class="list-item">
                                            <a class="list-link" target="_blank" href="http://virtocommerce.com/">Project Information</a>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">Description</div>
                                            <div class="list-descr">Core functionality</div>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">Title</div>
                                            <div class="list-descr">Virto Commerce Core</div>
                                        </li>
                                        <li class="list-item">
                                            <div class="list-t">Tags</div>
                                            <ul class="list __tags">
                                                <li class="list-item">
                                                    <i class="list-ico fa fa-tags"></i>
                                                    <div class="list-name">security</div>
                                                </li>
                                                <li class="list-item">
                                                    <i class="list-ico fa fa-tags"></i>
                                                    <div class="list-name">core</div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="note">
                                        No data
                                    </div>
                                    <a class="btn">Button</a>
                                    <button class="btn">Button</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="list __items">
                                        <div class="list-group">Background Jobs</div>
                                        <div class="list __sub">
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Manage background jobs</span>
                                                <span class="list-descr">Allows to view and manage background jobs.</span>
                                            </label>
                                        </div>
                                        <div class="list-group">Cart</div>
                                        <div class="list __sub">
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Browse carts</span>
                                                <span class="list-descr">Permission to open carts menu and browse data.</span>
                                            </label>
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Manage carts</span>
                                                <span class="list-descr">Permission to manage cart.</span>
                                            </label>
                                        </div>
                                        <div class="list-group">Catalog</div>
                                        <div class="list __sub">
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Browse catalog data</span>
                                                <span class="list-descr">Permission to open catalog menu and browse data.</span>
                                            </label>
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Manage catalogs</span>
                                                <span class="list-descr">Permission to manage catalogs.</span>
                                            </label>
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Browse catalog data</span>
                                                <span class="list-descr">Permission to open catalog menu and browse data.</span>
                                            </label>
                                            <label class="list-item">
                                                <input type="checkbox">
                                                <span class="switch"></span>
                                                <span class="list-name">Manage catalogs</span>
                                                <span class="list-descr">Permission to manage catalogs.</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __close __disabled">
                                    <button disabled="disabled">
                                        Close
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <p class="text">You can change display priority by drag&drop element in the list</p>
                                    <div class="table-wrapper">
                                        <table class="table __normal">
                                            <tr class="table-item">
                                                <td class="table-col __product-control">
                                                    <label class="form-control __checkbox">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                    </label>
                                                </td>
                                                <td class="table-col __product-img">
                                                    <div class="product-img">
                                                        <div style="background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQNUAHMpbIvDL16vBagCrRu0xPofbpxx8WV_EDTj-LC3QSiQ2Iq1w)" class="image"></div>
                                                    </div>
                                                </td>
                                                <td class="table-col">
                                                    <div class="table-t">Klarna</div>
                                                    <div class="table-descr">Klarna public site description</div>
                                                </td>
                                            </tr>
                                            <tr class="table-item">
                                                <td class="table-col __product-control">
                                                    <label class="form-control __checkbox">
                                                        <input type="checkbox" checked>
                                                        <span class="check"></span>
                                                    </label>
                                                </td>
                                                <td class="table-col __product-img">
                                                    <div class="product-img">
                                                        <div style="background-image: url(http://fakeimg.pl/350x200/00CED1/FFF)" class="image"></div>
                                                    </div>
                                                </td>
                                                <td class="table-col">
                                                    <div class="table-t">Klarna</div>
                                                    <div class="table-descr">Klarna public site description</div>
                                                </td>
                                            </tr>
                                            <tr class="table-item __selected">
                                                <td class="table-col __product-control">
                                                    <label class="form-control __checkbox">
                                                        <input type="checkbox">
                                                        <span class="check"></span>
                                                    </label>
                                                </td>
                                                <td class="table-col __product-img">
                                                    <div class="product-img">
                                                        <div style="background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQNUAHMpbIvDL16vBagCrRu0xPofbpxx8WV_EDTj-LC3QSiQ2Iq1w)" class="image"></div>
                                                    </div>
                                                </td>
                                                <td class="table-col">
                                                    <div class="table-t">Klarna</div>
                                                    <div class="table-descr">Klarna public site description</div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-t">
                            
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-edit"></i>
                                        Manage
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-download"></i>
                                        Import
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-upload"></i>
                                        Export
                                    </a>
                                </li>
                                <li class="menu-item __disabled">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </li>
                                <!-- <li class="menu-item __more">
                                    <a class="menu-btn">
                                        <i class="menu-ico fa fa-ellipsis-h"></i>
                                        More
                                    </a>
                                </li> -->
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="example-mail">
                                        <table cellpadding="0" cellspacing="0" width="100%">
                                            <tr>
                                                <td bgcolor="#f3f3f3" height="10"></td>
                                            </tr>
                                            <tr>
                                                <td align="center" bgcolor="#f3f3f3">
                                                    <img style="display: block;" src="images/logo-color.png" width="40" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td bgcolor="#f3f3f3" height="10"></td>
                                            </tr>
                                            <tr>
                                                <td height="20"></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span style="display: block; font-size: 30px;">Dear <span style="color: #43b0e6;">&lt;username&gt;</span></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td height="10"></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span style="display: block;">You has registered on our site.</span>
                                                    <span style="display: block;">Please visit site</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td height="30"></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <a style="background: #43b0e6; color: #fff; font-size: 13px; display: inline-block; height: 30px; line-height: 28px; padding: 0 20px;" href="#">
                                                        Back
                                                    </a>
                                                    <a style="background: #43b0e6; color: #fff; font-size: 13px; display: inline-block; height: 30px; line-height: 28px; padding: 0 20px;" href="#">
                                                        Visit site
                                                    </a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td height="30"></td>
                                            </tr>
                                            <tr>
                                                <td bgcolor="#f3f3f3" height="10"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-toolbar">

                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-static __collapsed">
                            <div class="breadcrumbs">
                                <a class="back">
                                    <i class="back-ico fa fa-arrow-left"></i>
                                </a>
                                <ul class="menu __inline">
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">Catalogs</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">Samsung</a>
                                    </li>
                                    <li class="menu-item __divider"></li>
                                    <li class="menu-item">
                                        <a class="menu-link" href="#">Computers &amp; Tablets</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn __add-tab">
                                        <i class="menu-ico fa fa-plus"></i>
                                        Add tab
                                    </button>
                                </li>
                                <li class="menu-item">
                                    <button class="menu-btn __remove-tab">
                                        <i class="menu-ico fa fa-minus"></i>
                                        Remove tab
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div class="tabs" va-tabs>
                                        <div class="tabs-elements">
                                            <div class="tab-item __selected">Tab 1</div>
                                            <div class="tab-item">Tab 2</div>
                                            <div class="tab-item">Tab 3</div>
                                        </div>
                                        <div class="tab-cnt __opened">
                                            <div class="sub-t __border">Text 1</div>
                                            <div class="sub-t">Typography</div>
                                            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cumque nisi nulla, rerum doloribus officia. Modi ex cum omnis animi consequuntur porro quibusdam mollitia! Tenetur incidunt ea, soluta commodi assumenda hic eius corporis explicabo sit, eveniet minima quia fuga aspernatur placeat itaque, illum iure rerum magnam. Illum architecto sequi, aut.</p>
                                            <p class="text-mini __error">Warning</p>
                                            <div class="sub-t">Forms</div>
                                            <div class="form">
                                                <div class="form-group">
                                                    <div class="form-input">
                                                        <input type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn">
                                                        Button
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-cnt">
                                            <div class="sub-t __border">Text 2</div>
                                            <div class="sub-t">Typography</div>
                                            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cumque nisi nulla, rerum doloribus officia. Modi ex cum omnis animi consequuntur porro quibusdam mollitia! Tenetur incidunt ea, soluta commodi assumenda hic eius corporis explicabo sit, eveniet minima quia fuga aspernatur placeat itaque, illum iure rerum magnam. Illum architecto sequi, aut.</p>
                                            <p class="text-mini __error">Warning</p>
                                            <div class="sub-t">Forms</div>
                                            <div class="form">
                                                <div class="form-group">
                                                    <div class="form-input">
                                                        <input type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn">
                                                        Button
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-cnt">
                                            <div class="sub-t __border">Text 3</div>
                                            <div class="sub-t">Typography</div>
                                            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cumque nisi nulla, rerum doloribus officia. Modi ex cum omnis animi consequuntur porro quibusdam mollitia! Tenetur incidunt ea, soluta commodi assumenda hic eius corporis explicabo sit, eveniet minima quia fuga aspernatur placeat itaque, illum iure rerum magnam. Illum architecto sequi, aut.</p>
                                            <p class="text-mini __error">Warning</p>
                                            <div class="sub-t">Forms</div>
                                            <div class="form">
                                                <div class="form-group">
                                                    <div class="form-input">
                                                        <input type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn">
                                                        Button
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade vc-catalog">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-toolbar">
                            <ul class="menu __inline">
                                <li class="menu-item">
                                    <button class="menu-btn __gallery">
                                        <i class="menu-ico fa fa-image"></i>
                                        Gallery
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-content __medium-wide">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blade vc-catalog">
                    <header class="blade-head">
                        <div class="blade-status"></div>
                        <div class="blade-nav">
                            <ul class="menu __inline">
                                <li class="menu-item __minimize">
                                    Minimize
                                </li>
                                <li class="menu-item __maximize">
                                    Maximize
                                </li>
                                <li class="menu-item __close">
                                    Close
                                </li>
                            </ul>
                        </div>
                        <div class="blade-toolbar">
                            
                        </div>
                    </header>
                    <div class="blade-container">
                        <div class="blade-aside"></div>
                        <div class="blade-aside right"></div>
                        <div class="blade-content __template">
                            <div class="blade-inner">
                                <div class="inner-block">
                                    <div style="background: url(http://cdn.seatguru.com/en_US/img/532/seatguru/airlines_new/Air_France/Air_France_Airbus_A330-200_International_Long_Haul.jpg) no-repeat scroll 0 0; height: 1587px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>

    <div class="gallery-tpl">
        <div class="popup-cnt">
            <div class="gallery">
                <a class="control ctrl-l"><i class="fa fa-chevron-left"></i></a>
                <a class="control ctrl-r"><i class="fa fa-chevron-right"></i></a>
                <ul class="list __slides">
                    <li class="list-item"><img class="list-img" src="http://digit.ru/images/39581/57/395815771.jpg" alt="" /></li>
                    <li class="list-item"><img class="list-img" src="http://ultramo.ru/sites/default/files/img/skupka-planshetov-7.png" alt="" /></li>
                    <li class="list-item"><img class="list-img" src="http://mobiat.ru/image/data/photo/planshety.jpg" alt="" /></li>
                    <li class="list-item"><img class="list-img" src="http://api.sonymobile.com/files/xperia-tablet-z-hero-black-select-1280x840-dd73f7239211249463fa93b1d09dfb1e.png" alt="" /></li>
                </ul>
            </div>
        </div>
    </div>

    <script src="http://code.angularjs.org/1.3.3/angular.js"></script>
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="chosen/chosen.jquery.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/gallery.js"></script>
    <script src="js/app.js"></script>

    <script>
        $(function () {

            $('.__items .list-item .list-ico').on('mouseover', function () {
                $(this).addClass('fa-folder-open');
            }).on('mouseleave', function () {
                $(this).removeClass('fa-folder-open');
            });

            $('select').chosen();

            animateNotify();

            setInterval(function () {
                animateNotify();
            }, 20000);

            function animateNotify() {
                $('.__notify').addClass('__animated');

                setTimeout(function () {
                    $('.__notify').removeClass('__animated');
                }, 1500);
            }

            var html =  $('.gallery-tpl').html();

            $('.__gallery').on('click', function () {
                $('.gallery-tpl').remove();

                $('body').prepend('<div class="overlay"></div>');

                setTimeout(function () {
                    $('.overlay').addClass('__loaded');

                    $('.overlay').append('<div class="overlay-cnt"><div class="popup"><div class="popup-close"><i class="fa fa-close"></i></div></div></div>');

                    setTimeout(function () {
                        $('.popup').css('transform', 'scale(1)');

                        $('.popup').append(html);

                        Gallery.init();
                    }, 200);
                }, 100);
            });

            $('body').delegate('.popup-close', 'click', function () {
                Gallery.closePopup();
            });

            $(document).on('click', function (e) {
                if(!$('.__gallery, .popup').is(e.target) && !$('.__gallery, .popup').has(e.target).length) {
                    Gallery.closePopup();
                }
            });

            $('.__new-blade').on('click', function () {
                var blade = $(this).parents('.blade'),
                    newBlade = $('<div class="blade __animate"><header class="blade-head"><div class="blade-status"></div><div class="blade-nav"><ul class="menu __inline"><li class="menu-item __close"><button>Close</button></li></ul></div></header><div class="blade-container"></div></div>'),
                    bladeW;

                blade.after(newBlade);
                bladeW = newBlade.width();
                $('.blade.__animate').css('margin-left', '-' + bladeW + 'px');

                setTimeout(function () {
                    $('.blade.__animate').animate({ 'margin-left': 0 }, 250, function () {
                        $(this).removeAttr('style').removeClass('__animate');
                    });
                }, 100);
            });

            $('.menu-item.__more').on('click', function () {
                var attr  = $(this).parents('.blade-toolbar').attr('style'),
                    count = $(this).parents('.blade-toolbar').find('.menu.__more').length;

                if(count) {
                    if (typeof attr !== typeof undefined && attr !== false) {
                        $(this).parents('.blade-head').removeClass('__expanded');
                        $(this).parents('.blade-toolbar').css({height: '50px'});
                        $(this).parents('.blade-toolbar').removeAttr('style');
                    }
                    else {
                        $(this).parents('.blade-head').addClass('__expanded');
                        $(this).parents('.blade-toolbar').css({height: 50 + (count * 50) + 'px'});
                    }
                }
            });

            $('body').delegate('.blade-nav .menu-item.__close', 'click', function () {
                var blade = $(this).parents('.blade'),
                    bladeW = blade.width();

                blade.addClass('__animate').animate({ 'margin-left': '-' + bladeW + 'px' }, 250, function () {
                    $(this).remove();
                });
            });

            $('.__add-tab').on('click', function () {
                var tabItemCounts = $('.tabs .tab-item').length;

                if(tabItemCounts < 5) {
                    $('.tabs-elements').append('<div class="tab-item">Tab ' + (tabItemCounts + 1) + '</div>');
                    var clone = $('.tab-cnt:first').clone();
                    clone.removeClass('__opened');
                    $('.sub-t.__border', clone).text('Text ' + (tabItemCounts + 1));
                    $('.tabs').append(clone);
                }
            });

            $('.__remove-tab').on('click', function () {
                var tabItemCounts = $('.tabs .tab-item').length;

                if(tabItemCounts > 2) {
                    if($('.tab-item').hasClass('__selected')) {
                        $('.tab-item:first').addClass('__selected');
                        $('.tab-cnt:first').addClass('__opened');
                    };

                    $('.tabs .tab-item:last, .tab-cnt:last').remove();
                }
            });
        });

        $(window).ready(function () {
            //var grid_canvas;

            //grid_canvas = $(".gridster > ul").gridster({
            //    widget_margins: [5, 5],
            //    widget_base_dimensions: [120, 120],
            //}).data('gridster');

            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Revenue</div><div class="list-count">$3.6M</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Customers with orders</div><div class="list-count">108</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Revenue per customer</div><div class="list-count">$33,633</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Average order value</div><div class="list-count">$314</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Products purchased</div><div class="list-count">16,741</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div class="gridster-cnt"><div class="cnt-inner"><div class="list-t">Lines per order</div><div class="list-count">4.0</div></div></div></li>', 2, 1);
            //grid_canvas.add_widget('<li class="list-item"><div id="chart_div"></div></li>', 3, 2);
            //grid_canvas.add_widget('<li class="list-item"><div id="chart_div_2"></div></li>', 3, 2);
            //grid_canvas.add_widget('<li class="list-item"><div id="chart_div_3"></div></li>', 6, 2);

        });

    </script>
    

</body>
</html>
